﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProspectTower.aspx.cs" Inherits="HousePropertyClient.Prospect.ProspectTower" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>楼、公共区域建筑勘察</title>
    <link href="../../Easy-ui/yemina/css/style.css" rel="stylesheet" />
    <link href="../../Easy-ui/yemina/css/select.css" rel="stylesheet" />
<script type="text/javascript" src="../../Easy-ui/yemina/js/jquery.js"></script>
<script type="text/javascript" src="../../Easy-ui/yemina/js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="../../Easy-ui/yemina/js/select-ui.min.js"></script>
<script type="text/javascript" src="../../Easy-ui/yemina/editor/kindeditor.js"></script>
<script type="text/javascript">
    KE.show({
        id : 'content7',
        cssPath : './index.css'
    });
  </script>  
<script type="text/javascript">
$(document).ready(function(e) {
    $(".select1").uedSelect({
		width : 345			  
	});
	$(".select2").uedSelect({
		width : 167  
	});
	$(".select3").uedSelect({
		width : 100
	});
});
</script>
    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }

        #allmap {
            height: 500px;
            width: 100%;
        }

        #r-result {
            width: 100%;
            font-size: 14px;
        }
    </style>
</head>
<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul" style="width:100%">
    <li><a href="#">首页</a></li>    
    <li><a href="#"> >> </a></li>
    <li><a href="#">楼、公共区域建筑勘察</a></li>
    </ul>
    </div>
    
    <div class="formbody">
    <ul class="forminfo">
        <li>
            <label><b>*</b>所在楼号：</label>
            <input name="" type="text" class="dfinput" placeholder="请输入所在楼" />
        </li>
        <li>
            <label><b>*</b>地图：</label>
                <div id="allmap" style="width:500px;height:400px;"></div>

        </li>
        <li>
            <label><b>*</b>定位坐标：</label>
            <input name="" type="text" class="dfinput" value="" />
        </li>
        <li>
            <label><b>*</b>定位地址：</label>
            <input name="" type="text" class="dfinput" value="" />
        </li>
        <li><label><b>*</b>房屋结构：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>钢筋混凝土</option>
                    <option>转混结构</option>
                    <option>混合结构</option>
                    <option>其他</option>
                </select>
            </div>
        </li>
        <li><label><b>*</b>建筑类型：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>高板</option>
                    <option>高塔</option>
                    <option>塔板结合</option>
                    <option>多层</option>
                    <option>其他</option>
                </select>
            </div>
        </li> 
        <li><label><b>*</b>外立面装饰：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>清水砖墙</option>
                    <option>石材</option>
                    <option>涂料</option>
                    <option>局部石材，局部涂料</option>
                    <option>其他</option>
                </select>
            </div>
        </li>
        <li><label><b>*</b>公共部位装饰：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>普通装修（水泥地面，墙面涂料，普通照明）</option>
                    <option>豪华装修（墙面地面石材，不锈钢扶手）</option>
                    <option>其他</option>
                </select>
            </div>
        </li>
        <li><label><b>*</b>电梯：</label>  
            <div class="vocation">
                <select class="select2">
                    <option>无电梯</option>
                    <option>有电梯</option>
                    <option>局部有电梯</option>
                    <option>其他</option>
                </select>
            <input name="" type="number" class="dfinput" value="" />                
            </div>
        </li>
        <li><label><b>*</b>供气：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>管道燃气入户</option>
                    <option>无管道燃气</option>
                    <option>其他</option>
                </select>
            </div>
        </li>
        <li><label><b>*</b>供水：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>市政供水</option>
                    <option>无市政供水</option>
                    <option>其他</option>
                </select>
            </div>
        </li>
         <li><label><b>*</b>供暖：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>集中供暖</option>
                    <option>分户采暖</option>
                    <option>无供暖设计</option>
                    <option>其他</option>
                </select>
            </div>
        </li> 
        <li><label><b>*</b>门禁系统：</label>  
            <div class="vocation">
                <select class="select1">
                    <option>有</option>
                    <option>无</option>
                </select>
            </div>
        </li>     
        <li>
            <label>其他</label>
            <textarea name="" cols="" rows="" class="textinput" placeholder="说点什么吧...最少10个字符"></textarea>
        </li>
        <li>
            <label>&nbsp;</label><input name="" type="button" class="btn" value="确认保存"/>
        </li>
    </ul>
    </div> 
    
</body>
</html>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=IqB6H8XQ6lqKSnZMCY2wr2uaFjQI752Q"></script>
<script type="text/javascript">
    var map = new BMap.Map("allmap");            // 创建Map实例
    var point = new BMap.Point(116.404, 39.915); // 创建点坐标


    map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
    map.setCurrentCity("北京");                // 设置地图显示的城市 此项是必须设置的
    map.centerAndZoom(point, 15);

    map.addControl(new BMap.NavigationControl());
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
    map.addControl(new BMap.MapTypeControl());
    map.setCurrentCity("北京");// 仅当设置城市信息时，MapTypeControl的切换功能才能可用

    //创建标注
    var marker = new BMap.Marker(point);
    //将标注添加到地图中
    map.addOverlay(marker);
    marker.enableDragging(true);

    map.addEventListener("click", function (e) {
        map.removeOverlay(marker);
        point = new BMap.Point(e.point.lng, e.point.lat);
        marker = new BMap.Marker(point);
        map.addOverlay(marker);         //添加标注
        map.centerAndZoom(point, 15);  //设置中心点
        marker.enableDragging(true);

    })


    map.enableScrollWheelZoom(true);                 //启用滚轮放大缩小


    window.onload = loadJScript;  //异步加载地图
    function theLocation() {
        var city = document.getElementById("cityName").value;
        if (city != "") {
            map.centerAndZoom(city, 11);      // 用城市名设置地图中心点
        }
    }
</script>

